import React, {Component} from 'react';
import {
    StyleSheet,
    Text,
    View,
    Image,
    ActivityIndicator,
    ListView,
    ScrollView,
    TouchableWithoutFeedback,
    StatusBar,
} from 'react-native';
import Header from './header/Header';
export default class PrizeDetail extends Component {
	constructor(props) {
        super(props);
        this.state = {
            
        };
    }

    render(){
    	const { params } = this.props.navigation.state;
        const {navigate,goBack,state} = this.props.navigation;
    	let barHeight = StatusBar.currentHeight;
    	return (
    		<View style={{
                flex: 1,
                // paddingTop: barHeight, 
                backgroundColor: '#fff'
            }}>
    			<Header 
                    // hesder标题
                    title='最新免单' 
                    // hesder是否显示返回按钮
                    isShowBack={true}
                    // hesder按钮返回操作
                    goBack={goBack}
                />

                <ScrollView>
                	<TouchableWithoutFeedback onPress={() => navigate('EditAddress')}>
	                	<View>
		    				<Image style={{
		                        width: '100%',
		                        height: 235,
		                    }} source={require('../images/bannerTop.jpg')}/>
		    			</View>
	    			</TouchableWithoutFeedback>
	    			<View>
	    				<Image style={{
	                        width: '100%',
	                        height: 900,
	                    }} source={require('../images/bannerBottom.jpg')}/>
	                    <View style={{position: 'absolute', left: 35, right: 35, top: 50}}>
							<View style={{marginBottom: 15}}>
								<Text style={{color: "#fff", fontSize: 17, textAlign: 'center'}}>最新免单</Text>
							</View>
							<Text numberOfLines={1} style={{color: "#fff", fontSize: 12, lineHeight: 22}}>今天 11:49 130XXXX2009用户 获得1300.00元免单！</Text>
							<Text numberOfLines={1} style={{color: "#fff", fontSize: 12}}>今天 11:49 130XXXX2009用户 获得1300.00元免单！</Text>
							<Text numberOfLines={1} style={{color: "#fff", fontSize: 12}}>今天 11:49 130XXXX2009用户 获得1300.00元免单！</Text>
							<Text numberOfLines={1} style={{color: "#fff", fontSize: 12}}>今天 11:49 130XXXX2009用户 获得1300.00元免单！</Text>
	                    </View>
	                    <View style={{position: 'absolute', left: 35, right: 35, top: 225}}>
							<View style={{marginBottom: 15}}>
								<Text style={{color: "#fff", fontSize: 17, textAlign: 'center'}}>活动规则</Text>
							</View>
							<View style={{marginBottom: 15}}>
								<Text style={{color: "#fff", fontSize: 12, lineHeight: 22}}>选择自己喜欢的鞋子类型，生成模型/订单，支付时系统随机选中订单进行免单~</Text>
							</View>
							<Text numberOfLines={1} style={{color: "#fff", fontSize: 12}}>活动时间：2018年3月1日至2018年3月30日</Text>
	                    </View>
	    			</View>
                </ScrollView>
    			
    		</View>
    	)
    }
}

const styles = StyleSheet.create({
    nav: {
        height: 44, backgroundColor: '#fff', 
        paddingLeft: 15, 
        paddingRight: 15, 
        paddingTop: 6, 
        paddingBottom: 6,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
    }
});